<template>
    <yh-card class="query-container" ref="queryContainer">
        <el-form :model="reqVO" label-width="120px" :inline="true" size="mini" class="query-form">
            <el-form-item label="产品名称" prop="fundProductCodes">
                <yh-select v-model="reqVO.fundProductCodes" filterable multiple collapse-tags clearable size="mini">
                    <yh-option
                        v-for="i in computedFundStorage"
                        :key="i.fundProductCode"
                        :label="i.fundProductCode + ' ' + i.fundNameSt"
                        :value="i.fundProductCode"
                    >
                    </yh-option>
                </yh-select>
            </el-form-item>
            <el-form-item label="控制类型" prop="controlType">
                <el-input v-model="reqVO.controlType" clearable placeholder="请输入"></el-input>
            </el-form-item>
            <el-form-item label="来源" prop="controlGrade">
                <yh-select v-model="reqVO.controlGradeList" multiple collapse-tags placeholder="请选择">
                    <yh-option v-for="item in controlGrades" :key="item.value" :label="item.label" :value="item.value"> </yh-option>
                </yh-select>
            </el-form-item>
            <el-form-item label="风控条款内容" prop="entryName">
                <el-input v-model="reqVO.entryName" clearable placeholder="请输入"></el-input>
            </el-form-item>
            <el-form-item label="释义" prop="definition">
                <el-input v-model="reqVO.definition" clearable placeholder="请输入"></el-input>
            </el-form-item>

            <el-form-item label="账户组" prop="fundGroups">
                <yh-select v-model="reqVO.fundGroups" filterable multiple collapse-tags clearable size="mini">
                    <yh-option
                        v-for="i in computedFundGroupStorage"
                        :key="i.fundGroupCode"
                        :label="i.fundGroupCode + ' ' + i.fundGroupName"
                        :value="i.fundGroupCode"
                    >
                    </yh-option>
                </yh-select>
            </el-form-item>

            <el-form-item label="风控基金组" prop="fundGpName" v-show="unfold">
                <el-input v-model="reqVO.fundGpName" clearable placeholder="请输入"></el-input>
            </el-form-item>
            <el-form-item label="资产类型" prop="assetType" v-show="unfold">
                <el-input v-model="reqVO.assetType" clearable placeholder="请输入"></el-input>
            </el-form-item>
            <el-form-item label="备注" prop="remarks" v-show="unfold">
                <el-input v-model="reqVO.remarks" clearable placeholder="请输入"></el-input>
            </el-form-item>
            <el-form-item label="恒生系统" prop="hsEntryCode" v-show="unfold">
                <el-input v-model="reqVO.hsEntryCode" clearable placeholder="支持;分割"></el-input>
            </el-form-item>
            <el-form-item label="衡泰系统" prop="htEntryCode" v-show="unfold">
                <el-input v-model="reqVO.htEntryCode" clearable placeholder="支持;分割"></el-input>
            </el-form-item>
            <el-form-item label="关键字" prop="htEntryCode" v-show="unfold">
                <el-input v-model="reqVO.keyWord" clearable placeholder="请输入"></el-input>
            </el-form-item>
            <el-form-item label>
                <yh-button @click="search" type="primary" icon="el-icon-search">查询</yh-button>
                <yh-button @click="reset" icon="el-icon-refresh">重置</yh-button>
                <yh-button @click="unfold = !unfold" icon="el-icon-arrow-down" v-show="!unfold">展开查询</yh-button>
                <yh-button @click="unfold = !unfold" icon="el-icon-arrow-up" v-show="unfold">收起查询</yh-button>
            </el-form-item>
        </el-form>
    </yh-card>
</template>

<script lang="ts">
import InvestmentQueryController from '../controller/InvestmentQueryController';
export default class InvestmentQuery extends InvestmentQueryController {}
</script>

<style lang="scss" scoped>
.query-container /deep/ {
    .query-form.el-form {
        .el-form-item.long-label .el-form-item__label {
            white-space: pre-line;
            height: 28px; /*设置lable高度*/
            line-height: 14px; /*设置行高为label高度的一半（有n行就是label高度的1/n）*/
        }
    }
}
</style>
